.header{position: fixed;width: 100%;z-index: 1000;border-bottom:1px solid rgba(255,255,255,.2);}
.header.pro_head,.header.pro_head.is_header {background:#031f6d}
.header.is_header{background:rgba(0,0,0,.9)}
.header .w1600{display:flex;height:1.14rem;line-height:1.14rem;justify-content: space-between;}
.header .logo{width:14%;text-align:center}
.header .navs{width:70%}
.header .navs ul{display:flex;justify-content: space-evenly;}
.header .navs ul li a{font-size:.2rem;color:white;font-weight:bold}
.header .navs ul li a:hover{color:#ff921c}
.header .navs ul li.active a{color:#ff921c}
.header .right{width:11%;display:flex;justify-content: space-between;}
.header .right .search a{font-size:.18rem;color:white;display:initial}
.header .langs {display:flex;justify-content: center;flex-direction: column;}
.header .langs dl{position:relative;}
.header .langs dl dt{font-size:.18rem;color:white;font-weight:inherit;cursor:pointer}
.header .langs dl  dd{display:none;transition:0s;position:absolute;text-align:center;width:140%;top:100%;background:white;transform:translateX(-50%);left:50%;box-shadow:0 4px 8px rgba(0,0,0,0.2)}
.header .langs dl  dd a{color:black;padding:.05rem 0;font-size:.15rem;border-bottom:1px solid #cccccc}
.header  .index_btn{position:absolute;left:3%;top:50%;transform:translateY(-50%);width:.6rem;height:.6rem;border:2px solid #a2b3cc;cursor:pointer;}
.header .menu_btn {position:absolute;top:50%;Left:50%;transform:translate(-50%,-50%);height:17px;width:100%}

.header .menu_btn:before,.header .menu_btn:after{content:'';width:26px;height:2px;background:white;display:block;transition:all .4s;position:absolute;top:0;left:50%;;transform:translateX(-50%)}
.header .menu_btn:after {top:auto;bottom:0}

.header .index_btn:hover .menu_btn:before,.header .index_btn.opens .menu_btn:before {transform:translateX(-50%) rotate(45deg) translate(5px,5px) }
.header .index_btn:hover .menu_btn:after,.header .index_btn.opens .menu_btn:after{transform:translateX(-50%) rotate(-45deg) translate(5px,-5px)}
.tras {-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.trans-md {-webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;}

.nav-header .bg{position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0);visibility:hidden}
.nav-header .btns{position:fixed;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex}
.nav-open .nav-header .bg{background:rgba(0,0,0,.3);visibility:visible}
.nav-open .nav-header .nav-bg{-webkit-transform:translate(50%,-50%) scale(1);-ms-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)}
#topnav{position:fixed;top:0;right:0;pointer-events:none;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
#topnav .main{position:absolute;top:0;right:0;width:15%;height:100%;background:#fff;pointer-events:auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;border-left:1px solid #dcdcdc}
#topnav .main nav{max-width:100%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 15%}
#topnav .sub-btn{-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer}
#topnav .sub-btn h5 {position: relative;line-height: 40px;text-transform: capitalize;transition: all .4s;font-size:16px;color:#2b2b2b}
#topnav .sub-btn.active,.desktop #topnav .sub-btn:hover{color:#2c1d10}
#topnav .submenu{position:absolute;top:0;right:15%;width:280px;height:100%;padding-left:20px;padding-right:20px;background:#F0F0F0;pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;opacity:0;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.nav-open #topnav .submenu.open{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.nav-open #topnav .submenu.open a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#topnav .submenu>div{position:absolute;top:50%;left:0;width:100%;padding:0 20%;transform:translateY(-50%)}

#topnav .submenu a{position:relative;display:block;margin-bottom:10px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s;font-size:16px;color:#323232;margin:0 0 35px;}

#topnav .submenu a:focus img,.desktop #topnav .submenu a:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}
#topnav .submenu a:focus .title:before,.desktop #topnav .submenu a:hover .title:before{height:100%}
@media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#topnav nav ul {    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;	
	}
.m-t-lg {margin-top:60px}	
nav ul li {    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 15px;}
#topnav nav ul li {margin:0}
#topnav nav ul li a{    position: relative;
    display: block;
    line-height: 40px;
    text-transform: capitalize;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;padding:0;font-size:16px;color:#2b2b2b}
#topnav nav ul li a:hover,#topnav nav ul li a:focus{background:none;color:#2c1d10}

.nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-open{overflow:hidden}
.nav-open #qtranslate-chooser{color:#583afa}
.desktop .mini-header .toplogo:after{background:#583afa}
.mini-header .toplogo .logo{background-position:bottom center}
.mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#583afa}
.mini-header #qtranslate-chooser{color:#583afa}
.full {width:100%;height:100%;overflow:hidden;}
@media (max-width:812px){.p-v-md{padding-top:40px;padding-bottom:40px}}@media (max-width:767px){.p-v-md{padding-top:30px;padding-bottom:30px}}.p-v-lg{padding-top:120px;padding-bottom:120px}
@media (max-width:812px){.p-v-lg{padding-top:.8rem;padding-bottom:.8rem}}@media (max-width:767px){.p-v-lg{padding-top:60px;padding-bottom:60px}}@media (min-width:1600px){.p-v-lg{padding-top:160px;padding-bottom:160px}}.p-h-xs{padding-left:20px;padding-right:20px}


@media (orientation:landscape){#topnav .submenu{padding-top:20px;padding-bottom:20px}}#topnav nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#topnav nav ul li{margin:0}
.nav-open #topnav .main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.nav-open{overflow:hidden}
.nav-open #qtranslate-chooser{color:#2c1d10}
.desktop .mini-header .toplogo:after{background:#2c1d10}
.mini-header .toplogo .logo{background-position:bottom center}
.mini-header .menu_btn span:after,.mini-header .menu_btn span:before{background:#2c1d10}
.mini-header #qtranslate-chooser{color:#2c1d10}
@media (min-width:768px){html:not(.iphone_x) .mini-header .toplogo{height:70px;padding-top:24px;padding-bottom:24px}
html:not(.iphone_x) .mini-header #qtranslate-chooser,html:not(.iphone_x) .mini-header .menu_btn{height:70px;line-height:70px}
html:not(.iphone_x) .mini-header .pagenav .title,html:not(.iphone_x) .mini-header .pagenav ul li a{line-height:70px}}#qtranslate-chooser,#topnav .submenu,.menu_btn,.pagenav{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
@media (min-width:768px) and (orientation:portrait){#topnav .p-v-lg{padding-top:120px}}@media (max-width:812px) and (orientation:portrait){.toplogo{width:160px;padding:34px 24px}
.pagenav{left:160px;width:calc(100% - 340px)}}@media (max-width:812px) and (orientation:landscape){#topnav .main{width:40%}
#topnav .submenu{right:40%;width:50%;max-width:240px}}
@media (max-width:767px){.header-bg{height:60px;background:#000}
.toplogo{width:140px;height:60px;padding:20px}
.menu_btn{width:60px;height:60px;line-height:60px}
#qtranslate-chooser{width:60px;height:60px;line-height:60px}
#topnav .main{padding-top:.8rem}
#topnav .main nav{max-width:80%}
#topnav .submenu a .title{font-size:12px}}
@media (max-width:767px) and (orientation:portrait){#topnav .main{width:60%;padding-top:100px}
#topnav .submenu{right:40%;width:60%}
.nav-open .opensub #topnav .main{-webkit-transform:translate3d(20vw,0,0);transform:translate3d(20vw,0,0)}}
@media (orientation:landscape){.iphone_x .header-bg{display:none}
}
.tem_banner.indise .txt{position:absolute;left:2.1rem;bottom:30%}
.tem_banner.indise .txt p{font-size:.3rem;color:white;padding:0 0 .45rem}
.tem_banner.indise .txt h1{font-size:.48rem;color:white;font-weight:bold;}
.about_box .mbx{padding-left:.5rem;background:#f2f2f2}
.about_box .mbx>div{display:flex;padding:.4rem 0 }
.about_box .mbx a{font-size:.16rem;color:#5a5a5a;margin:0 .1rem}
.about_company{background:#f2f2f2;padding:0 0 .93rem}
.about_company>div{padding:.95rem .5rem .73rem;background:white}
.about_company .top{display:flex;justify-content: space-between;padding:0 0 .4rem;border-bottom:1px solid #e5e5e5}
.about_company .top .left{width:44.5%; text-align:justify;border-top:1px solid #e5e5e5}
.about_company .top .left h2{padding:.43rem 0 .35rem;font-size:.36rem;color:black;font-weight:bold}
.about_company .top .left p{font-size:.16rem;color:#3e3e3d;line-height:.27rem}
.about_company .top .img{width:53.2%}
.about_company .middle{padding:.55rem 0 1rem}
.about_company .middle p{font-size:.16rem;color:#3e3e3d;line-height:.27rem}
.about_company  ul{display:flex}
.about_company  ul li{width:33.33%;text-align:center}
.about_company  ul li h1{font-size:.48rem;color:#797979;font-weight:bold;display:flex;justify-content: center;align-items: flex-start;}
.about_company  ul li h1 em{font-size:.72rem;font-weight:bold;font-family:"DIN";color:#28428b}
.about_company  ul li p{font-size:.24rem;color:#797979;padding:.21rem 0 0;font-weight:bold}
.about_culture{background-size:cover;background-attachment:fixed;background-repeat:no-repeat}
.about_culture>div{padding:0 0 1.8rem}
.about_culture h2{text-align:center;padding:1.24rem 0 1.65rem;font-size:.36rem;color:white}
.about_culture  ul{display:flex;padding:0 .53rem}
.about_culture  ul li{width:25%;text-align:center;}
.about_culture  ul li:hover .img{transform:translateY(-.3rem)}
.about_culture  ul li h1{font-size:.3rem;color:white;font-weight:bold;padding:.25rem 0 .35rem}
.about_culture  ul li p{font-size:.18rem;color:white;line-height:.3rem}
.about_honor{background:#f2f2f2}
.about_honor>div{padding:0 .5rem 2rem}
.about_honor  .title{text-align:center;padding:1.1rem 0 .75rem;    }
.about_honor  .title h1{font-size:.36rem;color:#3f3f3e;font-weight:bold}
.about_honor  .infos{position:relative;padding:1.8rem 5.7rem 1.8rem  .75rem;background:#e9e9e9;}
.about_honor  .infos .left{position:relative}
.about_honor  .infos .left .items{text-align:center}
.about_honor  .infos .left .items a{display:inline-block}

.about_honor  .infos .left   .swiper-page>div{position:absolute;width:.47rem;height:.47rem;border:1px solid #28428b;border-radius:100%;line-height:.47rem;text-align:center;font-size:.32rem;color:#28428b;outline:none;z-index:2;top:50%;left:0%;transform:translateY(-50%)}
.about_honor  .infos .left    .swiper-page>div.slide-button-next {left:auto;right:0%}
.about_honor  .infos .left    .swiper-page>div:hover{background:#28428b;color:white}
.about_honor  .infos .right{position:absolute;height:110%;right:4%;top:50%;transform:translateY(-50%);padding:1.1rem 0;width:27%;background:white}
.about_honor  .infos .right .swiper-container{height:3.78rem}
.about_honor  .infos .right .swiper-container .swiper-slide{text-align:center;font-size:.16rem;color:#393838;cursor:pointer}
.about_honor  .infos .right .swiper-container .swiper-slide.swiper-slide-thumb-active{color:#28428b}
.footer{background:#181818;padding:0 0 1rem}
.footer>div{padding:0 .53rem}
.footer .top{display:flex;padding:1.1rem 0 .8rem;justify-content: space-between;}
.footer .top .left{width:40%}
.footer .top .left>h1{font-size:.48rem;font-family:"din";color:white;font-weight:bold;padding:0 0 .44rem}
.footer .top .left ul li{display:flex;font-size:.16rem;color:white;padding:0 0 .1rem}
.footer .top .left>h2{font-size:.2rem;color:#989898;font-weight:bold;padding:.27rem 0 0}
.footer .top .middle ul li{padding:0 0 .25rem}
.footer .top .middle ul li:last-child{padding:0}
.footer .top .middle ul li a{font-size:.18rem;color:white;;}
.footer .top .right{width:40%}
.footer .top .right ul{display:flex;justify-content: space-between;}
.footer .top .right ul li{width:26%}
.footer .bot{display:flex;align-items: center;}
.footer .bot .infos{width:50%}
.footer .bot .infos p{color:#868686;font-size:.16rem}
.footer .bot .infos p a{display:initial;color:#868686;font-size:.16rem;margin-left:.2rem}
.footer   .bot .keywords{width:50%;position:relative;}
.footer  .bot .keywords input{width:100%; border:0;background:none;border:2px solid #8e8e8e;border-radius:10px;height:.75rem;color:white;padding:0 .7rem 0 .3rem;font-size:.16rem}
.footer   .bot .keywords button{position:absolute;width:.29rem;height:.29rem;border-radius:50%;border:0;background:#424242;top:50%;transform:translateY(-50%);right:2%}
.footer  .bot .keywords button i{font-size:.17rem;color:white}
.footer  .bot .keywords button:hover i{transform:rotate(180deg)}
.product_box {background:#f2f2f2}
.product_box .w1600{padding:0 .5rem}
.product_box .mbx{}
.product_box .mbx{display:flex;padding:.4rem 0 }
.product_box .mbx a{font-size:.16rem;color:#5a5a5a;margin:0 .1rem}
.product_box .mbx a:last-child{color:#ff921c}
.product_box .main{display:flex;justify-content: space-between;align-items: flex-start;padding:0 0 1.75rem}
.product_box .main .product_nav{width:22%;background:white;padding:.2rem .2rem .8rem .25rem}
.product_box .main .product_nav dl{border-bottom:2px solid #efefef}
.product_box .main .product_nav dl dt a{padding:.24rem 0 ;font-size:.18rem;color:black;font-weight:bold;position:relative}
.product_box .main .product_nav dl.on a{color:#ff921c;transition:.3s}
.product_box .main .product_nav dl dd{display:none;transition:0s;padding:.22rem 0 .2rem}
.product_box .main .product_nav dl dt a:after{content:"\f107";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:5%;transform:translateY(-50%);top:50%;font-size:.2rem;color:#7b7b7b;transition:.3s;font-weight:bold}
.product_box .main .product_nav dl.on dt>a:after{transform:translateY(-50%)rotate(180deg);transition:.3s;color:#ff921c}
.product_box .main .product_nav dl dd .info{margin:0 0 .2rem}
.product_box .main .product_nav dl dd .info a{color:#474747;font-size:.16rem}
.product_box .main .product_nav dl dd .info a:hover{color:#ff921c}
.product_box .main .product_nav dl dd .info a.ons{color:#ff921c}
.product_box .main .product_nav dl.class3.on dd {display: block;}
.product_box .main .right {width:75%;}
.product_box .main .right .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_box .main .right .lists:after{content:'';width:31%}
.product_box .main .right .items{width:31%;margin:0 0 .42rem;}
.product_box .main .right .items a{background:white;}
.product_box .main .right .items a .img{padding:.31rem 0 .31rem}
.product_box .main .right .items a .text{padding:.35rem .33rem .5rem;border-top:2px solid #e5e5e5;position:relative}
.product_box .main .right .items a .text:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:5%;transform:translateY(-50%);top:42%;font-size:.2rem;color:#ffa544;transition:.3s;width:.44rem;height:.44rem;border:1px solid #ffa544;border-radius:100%;text-align:center;line-height:.44rem}
.product_box .main .right .items a .text h1{font-size:.18rem;color:#3f3f3f;font-weight:bold;margin:0 0 .13rem}
.product_box .main .right .items a .text p{font-size:.16rem;color:#3f3f3f;font-weight:bold}
.product_box .main .right .items a:hover img{transform:scale(1.1)}
.product_box .main .right .items a:hover .text:after{background:#ffa544;color:white;transition:.3s}

.product_box .main .right .page{display:flex;padding:.35rem 0 0}
.product_box .main .right .page a{width:.35rem;height:.35rem;background:white;line-height:.35rem;margin:0 .01rem;color:#464646;font-size:.16rem;border:1px solid #dcdcdc}
.product_box .main .right .page .page-link{margin:0 .11rem}
.product_box .main .right .page .page-link i{font-size:.18rem}
.product_box .main .right .page a:hover,.product_box .main .right .page a.page-num-current{background:#005ecb;color:white;border:1px solid #005ecb}
.product_box .main .right .page a:hover i{color:white}


.product .w1600{padding:0 .5rem}
.product .top{padding:1.55rem 0 1rem;background:#f2f2f2}
.product .top .mbx{display:flex;padding:0 0 .5rem}
.product .top .mbx a{font-size:.16rem;color:#5a5a5a;margin:0 .1rem}
.product .top .mbx a:last-child{color:#ff921c}
.product .top .infos{display:flex;justify-content: space-between;}
.product .top .infos .left{width:47%;padding:.8rem 0 0 }
.product .top .infos .left .title{padding:0 0 .6rem;border-bottom:2px solid #dcdcdc}
.product .top .infos .left .title h1{font-size:.24rem;color:#031f6d;font-weight:bold;padding:0 0 .3rem}
.product .top .infos .left .title  p{font-size:.36rem;color:#2a2a2a;font-weight:bold}
.product .top .infos .left .content{padding:.4rem 0 .6rem}
.product .top .infos .left .content p{font-size:.16rem;color:#656565;font-weight:bold}
.product .top .infos .left>a{padding:.2rem .64rem;background:#28428b;display:inline-block;color:white;font-weight:bold;font-size:.16rem}
.product .top .infos .right{width:48%}
.product .bot>div{display:flex;justify-content: space-between;padding:1.05rem 0 1.7rem;align-items: flex-start;}
.product .bot .left{width:64%}
.product .bot .left .desc1 {padding:0 0 .4rem;border-bottom:2px solid #e6e6e6;margin:0 0 .85rem}
.product .bot .left .desc1 h2{font-size:.3rem;color:#292929;font-weight:bold;padding:0 0 .6rem}
.product .bot .left .desc1  p{font-size:.16rem;color:#484848;line-height:.3rem;font-weight:bold}
.product .bot .left .desc2 {padding:0 0 .4rem;border-bottom:2px solid #e6e6e6;}
.product .bot .left .desc2 h2{font-size:.3rem;color:#292929;font-weight:bold;padding:0 0 .55rem}
.product .bot .left .desc2  p{font-size:.16rem;color:#484848;line-height:.3rem;font-weight:bold}

.product .bot .right{width:25%;background:#f8f8f8}    
.product .bot .right .box{padding:.3rem .3rem .5rem}
.product .bot .right .box .text{font-size:.2rem;color:#333333;font-weight:bold;padding:0 0 .35rem}
.product .bot .right .box ul{padding:0 0 .5rem}
.product .bot .right .box ul li p {font-size:.14rem;color:#504f4f;font-weight:bold;padding-left:.3rem;margin:0 0 .2rem;position:relative}
.product .bot .right .box ul li:nth-child(1) p:after{content:"";position:absolute;background:url(/public/common/images/phone.png)0 0 no-repeat;width:.15rem;height:.15rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.product .bot .right .box ul li:nth-child(2) p:after{content:"";position:absolute;background:url(/public/common/images/email.png)0 0 no-repeat;width:.13rem;height:.09rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.product .bot .right .box a{padding:.2rem 0;background:#28428b;text-align:center;color:white;font-size:.16rem;font-weight:bold}
.product  .lists{padding:0 0 1.88rem}
.product  .lists .items{}
.product  .lists>div>h2{font-size:.3rem;text-align:center;padding:0 0 .85rem;color:#252525}
.product  .lists .items a{background:#f9f9f9;}
.product  .lists .items a .img{padding:.31rem 0 .31rem}
.product  .lists .items a .text{padding:.35rem .33rem .5rem;border-top:2px solid #e5e5e5;position:relative}
.product  .lists .items a .text:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:5%;transform:translateY(-50%);top:42%;font-size:.2rem;color:#ffa544;transition:.3s;width:.44rem;height:.44rem;border:1px solid #ffa544;border-radius:100%;text-align:center;line-height:.44rem}
.product  .lists .items a .text h1{font-size:.18rem;color:#3f3f3f;font-weight:bold;margin:0 0 .13rem}
.product  .lists .items a .text p{font-size:.16rem;color:#3f3f3f;font-weight:bold}
.product  .lists .items a:hover img{transform:scale(1.1)}
.product  .lists .items a:hover .text:after{background:#ffa544;color:white;transition:.3s}
.case_list {background:#f2f2f2}
.case_list .w1600{padding:0 .5rem}

.case_list .mbx{display:flex;padding:.38rem 0 .5rem}
.case_list .mbx a{font-size:.16rem;color:#5a5a5a;margin:0 .1rem}
.case_list .mbx a:last-child{color:#ff921c}
.case_list .lists{display:flex;justify-content: space-between;}
.case_list .lists .items{width:48%;margin:0 0 .7rem}
.case_list .lists .items a {position:relative}
.case_list .lists .items a:hover img{transform:scale(1.1)}
.case_list .lists .items a .text{background:white;padding:.45rem .3rem .45rem;}
.case_list .lists .items a:after{content:"";position:absolute;width:0%;height:4px;bottom:0;left:0;background:#004896;transition:.5s;}
.case_list .lists .items a:hover:after{width:100%;transition:.5s}
.case_list .lists .items a .text h1{font-size:.2rem;color:#2d2d2d;padding:0 0 .3rem}
.case_list .lists .items a .text p{font-size:.16rem;color:#676767;height:.6rem;line-height:.3rem}
.case_list .lists .items a .text em{display:inline-block;margin:.45rem 0 0;font-size:.16rem;color:#183184;font-weight:bold;padding-right:.45rem;position:relative}
.case_list .lists .items a .text em:after{content:"\f105";position:absolute;width:.27rem;height:.27rem;font:normal normal normal 14px/1 FontAwesome;line-height:.27rem;text-align:center;background:#004896;color:white;border-radius:100%;right:0;top:50%;transform:translateY(-50%)}
.case_list .page{display:flex;padding:.33rem 0 1.85rem;justify-content: center;}
.case_list .page a{width:.35rem;height:.35rem;background:white;line-height:.35rem;margin:0 .01rem;color:#464646;font-size:.16rem;border:1px solid #dcdcdc}
.case_list .page .page-link{margin:0 .11rem}
.case_list .page .page-link i{font-size:.18rem}
.case_list .page a:hover,.case_list .page a.page-num-current{background:#005ecb;color:white;border:1px solid #005ecb}
.case_list .page a:hover i{color:white}

.video_box {background:#f2f2f2}
.video_box .w1600{padding:0 .5rem}
.video_box .mbx{}
.video_box .mbx{display:flex;padding:.4rem 0 }
.video_box .mbx a{font-size:.16rem;color:#5a5a5a;margin:0 .1rem}
.video_box .mbx a:last-child{color:#ff921c}
.video_box .main{display:flex;justify-content: space-between;align-items: flex-start;padding:0 0 1.85rem}
.video_box .main .video_nav{width:22%;background:white;padding:.2rem .2rem .8rem .25rem}
.video_box .main .video_nav dl{border-bottom:2px solid #efefef}
.video_box .main .video_nav dl dt a{padding:.24rem 0 ;font-size:.18rem;color:black;font-weight:bold;position:relative;padding-right:.4rem}
.video_box .main .video_nav dl.on a h1{color:#ff921c;transition:.3s}
.video_box .main .video_nav dl dd{display:none;transition:0s;padding:.22rem 0 .2rem}
.video_box .main .video_nav dl dt a:after{content:"\f107";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:5%;transform:translateY(-50%);top:50%;font-size:.2rem;color:#7b7b7b;transition:.3s;font-weight:bold}
.video_box .main .video_nav dl.on dt>a:after{transform:translateY(-50%)rotate(180deg);transition:.3s;color:#ff921c}
.video_box .main .video_nav dl dd .info{margin:0 0 .2rem}
.video_box .main .video_nav dl dd .info a{color:#474747;font-size:.16rem}
.video_box .main .video_nav dl dd .info a:hover{color:#ff921c}
.video_box .main .video_nav dl dd .info a.ons{color:#ff921c}
.video_box .main .video_nav dl.class3.on dd {display: block;}
.video_box .main .right {width:75%;}
.video_box .main .right .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.video_box .main .right .lists:after{content:'';width:31%}
.video_box .main .right .items{width:48%;margin:0 0 .45rem;}
.video_box .main .right a:hover img{transform:scale(1.1)}
.video_box .main .right  .text{background:white;padding:.31rem 0 ;text-align:center}
.video_box .main .right  .text h1{font-size:.18rem;color:#2e2e2e;font-weight:bold;}
.video_box .main .right .page{display:flex;padding:.11rem 0 0}
.video_box .main .right .page a{width:.35rem;height:.35rem;background:white;line-height:.35rem;margin:0 .01rem;color:#464646;font-size:.16rem;border:1px solid #dcdcdc}
.video_box .main .right .page .page-link{margin:0 .11rem}
.video_box .main .right .page .page-link i{font-size:.18rem}
.video_box .main .right .page a:hover,.video_box .main .right .page a.page-num-current{background:#005ecb;color:white;border:1px solid #005ecb}
.video_box .main .right .page a:hover i{color:white}

.news_box {background:#f2f2f2}
.news_box .w1600{padding:0 .5rem}
.news_box .mbx{}
.news_box .mbx{display:flex;padding:.4rem 0 .6rem}
.news_box .mbx a{font-size:.16rem;color:#5a5a5a;margin:0 .1rem}
.news_box .mbx a:last-child{color:#ff921c}
.news_box .top{display:flex;justify-content: space-between;padding:0 0 1.1rem}
.news_box  .top .left{width:47%}
.news_box  .top .left a{position:relative}
.news_box  .top .left a .text{position:absolute;background:rgba(0,0,0,.39);bottom:0;padding:.3rem .4rem .28rem;width:100%}
.news_box  .top .left a .text h1{font-size:.24rem;color:white;font-weight:bold;margin:0 0 .22rem}
.news_box  .top .left a .text  em{font-size:.16rem;color:white}
.news_box  .top .left a:hover img{transform:scale(1.1)}
.news_box  .top ul{width:51%;display:flex;flex-direction: column;justify-content: space-between;}
.news_box  .top ul li a{padding:0 0 .34rem;border-bottom:1px solid #bfbfbf}
.news_box  .top ul li a span{font-size:.16rem;color:#0f1179;font-weight:bold;padding:.11rem  0 .36rem;display:inline-block}
.news_box  .top ul li a h1{font-size:.24rem;color:#404040;font-weight:bold}
.news_box .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news_box .lists:after{content:"";width:31%}
.news_box .lists .items{width:31%;margin:0 0 .55rem}
.news_box .lists .items a{background:white;padding:.5rem .25rem .45rem;position:relative}
.news_box .lists .items a:after{content:"";position:absolute;background:#28428b;height:4px;width:0;transform:translateX(-50%);top:0;left:50%;transition:.3s}
.news_box .lists .items a span{color:#6e6e6e;font-size:.16rem;display:inline-block;margin:0 0 .38rem}
.news_box .lists .items a  h1{font-size:.2rem;color:#2c2c2c;font-weight:bold;line-height:.25rem;height:.5rem;margin:0 0 .24rem  }
.news_box .lists .items a .txt{border-top:2px solid #a3a3a3;padding:.47rem 0 .5rem}
.news_box .lists .items a .txt p{height:1.5rem;line-height:.25rem;color:#686868;font-size:.16rem}
.news_box .lists .items a em{padding:0 .6rem 0 0;display:inline-block;position:relative;color:#4c4c4c;font-weight:bold;font-size:.14rem;position:relative} 
.news_box .lists .items a em:after{content:"";position:absolute;background:url(/public/common/images/jt1.png)0 0 no-repeat;width:.13rem;height:.11rem;right:0;top:.03rem;transition:.3s;background-size:100%}
.news_box .lists .items a em:before{content:"";position:absolute;background:#a3a3a3;width:100%;height:2px;bottom:-.08rem;transition:.3s}
.news_box .lists .items a:hover em:after{content:"";position:absolute;background:url(/public/common/images/jt1-1.png)0 0 no-repeat;width:.13rem;height:.11rem;right:0;top:.03rem;transition:.3s;background-size:100%}
.news_box .lists .items a:hover em{color:#28428b;transition:.3s}
.news_box .lists .items a:hover em:before{background:#28428b;transition:.3s}
.news_box .lists .items a:hover:after{width:100%;transition:.3s}
.news_box .page{display:flex;padding:.22rem 0 1.7rem;justify-content: center;}
.news_box .page a{width:.35rem;height:.35rem;background:white;line-height:.35rem;margin:0 .01rem;color:#464646;font-size:.16rem;border:1px solid #dcdcdc}
.news_box .page .page-link{margin:0 .11rem}
.news_box .page .page-link i{font-size:.18rem}
.news_box .page a:hover,.news_box .page a.page-num-current{background:#005ecb;color:white;border:1px solid #005ecb}
.news_box .page a:hover i{color:white}
.tem_banner.indise .txt_contact{position:absolute;left:50%;transform:translateX(-50%);top:30%;text-align:center}
.tem_banner.indise .txt_contact p{font-size:.3rem;color:white;padding:0 0 .35rem}
.tem_banner.indise .txt_contact h1{font-size:.48rem;color:white;font-weight:bold;padding:0 0 .8rem}
.tem_banner.indise .txt_contact h2{font-size:.48rem;color:white;font-weight:bold;padding:0 0 .3rem}
.tem_banner.indise .txt_contact h3{font-size:.36rem;color:white;font-weight:bold;padding:0 0 .6rem}
.tem_banner.indise .txt_contact  em{color:white;font-size:.16rem;padding:.1rem 0 0;display:inline-block}
.contact_box .map{position:relative}
.contact_box .map #container{height:750px}
.contact_box .map ul{position:absolute;left:0;top:.5rem;width:28%}
.contact_box .map ul li{margin:0 0 .12rem;padding-left:2.1rem;;background:#28428b;;border-radius:0 50px 50px 0;}
.contact_box .map ul li:nth-child(1) p:after{content:"";position:absolute;background:url(/public/common/images/add.png)0 0 no-repeat;width:.27rem;height:.35rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box .map ul li:nth-child(2) p:after{content:"";position:absolute;background:url(/public/common/images/fax.png)0 0 no-repeat;width:.33rem;height:.33rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}

.contact_box .map ul li p{padding:.35rem 0 .35rem .47rem;font-size:.2rem;color:white;position:relative}
.contact_box .message>div{padding: 0 .5rem}
.contact_box .message h2{font-size:.48rem;color:#232323;padding:1.05rem 0 1.13rem;text-align:center;font-weight:bold}
.contact_box .message .form{padding: 0 0 2.8rem}
.contact_box .message  .form .top{display:flex;justify-content: space-between;}
.contact_box .message   .form .top .input{width:30%}

.contact_box .message  .form .top .input input{width:100%;padding: .2rem;background:#f5f5f5;font-size:.15rem;color:#575757;border:0;border-radius:3px}
.contact_box .message  .form .bot {padding:.32rem 0 .72rem }
.contact_box .message   .form .bot .content{width:100%;height:2rem;padding:.1rem .2rem;background:#f5f5f5;;font-size:.15rem;color:#575757;border-radius:3px;border:0;}
.contact_box .message   .form .button{text-align:center}
.contact_box .message   .form .button input{height:.74rem;line-height:.48rem;width:2.87rem;text-align:center;background:#28428b;border:0;color:white;font-size:.18rem;border-radius:5px}
.tem_banner .slide-pagination{position:absolute;left:5%;bottom:40%;z-index:2}
.tem_banner .slide-pagination span{display:block;margin:.4rem 0;width:.11rem;height:.11rem;opacity:1;background:white;position:relative}
.tem_banner .slide-pagination span:after{position:absolute;content:"";background:url(/public/common/images/circle.png)0 0 no-repeat;width:.44rem;height:.45rem;background-size:100%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:.5s}
.tem_banner .slide-pagination .swiper-pagination-bullet-active:after{transform:translate(-50%,-50%) rotate(-360deg);opacity:1;transition:.5s}
.tem_banner .mouse{position:absolute;left:5%;bottom:15%;z-index:2}
.tem_banner .mouse h1{writing-mode: tb-rl;font-size:.16rem;color:white;letter-spacing:10px;position:relative}
.tem_banner .mouse h1:after{content:'';width:.19rem;height:.48rem;background:url(/public/common/images/mouse.png) 0 0 no-repeat;background-size:.19rem .48rem;position:absolute;left:50%;transform:translateX(-50%);bottom:-.8rem;animation: dropdown2 .7s 0.2s linear infinite alternate;}
@keyframes dropdown2 {
	form{
		bottom:-.8rem
	}
	to{
		bottom:-.5rem
	}
}
.index_about{padding:0 0 1rem}
.index_about>div{padding:0 .5rem}
.index_about .txt{padding:.9rem 0 1.45rem}
.index_about .txt p{font-size:.26rem;color:#3f3f3f}
.index_about .infos {padding:0 0 1.7rem}
.index_about .infos ul{display:flex;justify-content: space-between;}
.index_about .infos ul li{width:31.2%}
.index_about .infos ul li a{background:#4a4a4a;padding:.45rem .6rem 0 .4rem;height:3.9rem;border-radius:5px;}
.index_about .infos ul li a .text{text-align:right;position:relative}

.index_about .infos ul li.nav1 a .text:after{content:"";position:absolute;background:url(/public/common/images/icon1.png) 0 0 no-repeat;width:.68rem;height:.7rem;left:0;top:-.15rem;background-size:100%}
.index_about .infos ul li.nav2 a .text:after{content:"";position:absolute;background:url(/public/common/images/icon2.png) 0 0 no-repeat;width:.71rem;height:.71rem;left:0;top:-.15rem;background-size:100%}
.index_about .infos ul li.nav3 a .text:after{content:"";position:absolute;background:url(/public/common/images/icon3.png) 0 0 no-repeat;width:.69rem;height:.74rem;left:0;top:-.15rem;background-size:100%}
.index_about .infos ul li.nav2 {transform:translateY(.5rem)}
.index_about .infos ul li a .text h1{font-size:.3rem;color:white;padding:0 0 .22rem}
.index_about .infos ul li a .text  p{font-size:.16rem;color:white;text-transform:uppercase}
.index_about .infos ul li a .info{padding:1.2rem 0 0}
.index_about .infos ul li a .info p{font-size:.2rem;color:white;line-height:.3rem}
.index_about .infos ul li a:hover {background:#28428b;transition:.3s}

.index_about .guimo ul{display:flex}
.index_about .guimo ul li{width:33.33%;text-align:center;padding:.34rem 0 .2rem}
.index_about .guimo  ul li{border-right:2px solid #d3d3d3}
.index_about .guimo  ul li:last-child{border:0}
.index_about .guimo  ul li h1{font-size:.48rem;color:#797979;font-weight:bold;display:flex;justify-content: center;align-items: flex-start;}
.index_about .guimo ul li h1 em{font-size:.72rem;font-weight:bold;font-family:"DIN";color:#28428b}
.index_about .guimo  ul li p{font-size:.24rem;color:#797979;padding:.21rem 0 0;font-weight:bold}
.index_adivce{background:url(/public/common/images/icon4.jpg) 0 0 no-repeat;background-size:cover;}
.index_adivce>div{padding:1.35rem .5rem 1.5rem}
.index_adivce .swiper-slide{display:flex;justify-content: space-between;}
.index_adivce .swiper-slide .left{width:34%}
.index_adivce .swiper-slide .left .title h1{font-size:.48rem;color:white;font-weight:bold;padding:0 0 .4rem;position:relative;margin:0 0 .6rem}
.index_adivce .swiper-slide .left .title h1:after{content:"";position:absolute;background:rgba(162,174,208,.5);width:100%;height:2px;bottom:0;left:0}
.index_adivce .swiper-slide .left .title h1:before{content:"";position:absolute;background:white;width:40%;height:2px;bottom:0;left:0}
.index_adivce .swiper-slide .left .txt h2{font-size:.48rem;color:white;font-weight:bold;margin:0 0 .44rem}
.index_adivce .swiper-slide .left .txt ul li{}
.index_adivce .swiper-slide .left .txt ul li p{font-size:.24rem;color:white;position:relative;padding-left:.25rem;line-height:.35rem}
.index_adivce .swiper-slide .left .txt ul li p:after{content:"";position:absolute;width:.11rem;height:.11rem;border:2px solid white;border-radius:100%;left:0;top:50%;transform:translateY(-50%)}
.index_adivce .swiper-slide .left .more{margin:.8rem 0 0 ;display:flex}
.index_adivce .swiper-slide .left .more a{width:1.8rem;padding:.2rem 0 ;background:white;margin:0 .1rem 0 ;text-align:center;border-radius:5px;font-size:.16rem;color:#555555;font-weight:bold}
.index_adivce .swiper-slide .left .more a:hover{background:#ff921c;color:white;transition:.3s}
.index_adivce .swiper-slide .right{width:56%}
.index_product {padding:.9rem 0 1.5rem ;background:#f2f2f2} 
.index_product .w1600{padding: 0 .5rem}
.index_product .title{text-align:center;padding:0 0 .7rem}
.index_product .title h1{font-size:.6rem;color:black;font-weight:bold;padding:0 0 .3rem}
.index_product .title p{font-size:.24rem;color:#3f3f3f;line-height:.35rem}
.index_product .top{display:flex;justify-content: space-between;align-items: center;padding: 0 0 .4rem;border-bottom:1px solid #c4c4c4}
.index_product .top .left{width:39%;display:flex;justify-content: space-between;}
.index_product .top .left .pronav{width:41%}
.index_product .top .left .pronav dl{position:relative}
.index_product .top .left .pronav dl dt{background:#28428b;height:.54rem;line-height:.54rem;color:white;padding: 0 .17rem;font-size:.16rem;;position:relative;cursor:pointer}
.index_product .top .left .pronav dl dt:after{content:"\f107";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:10%;font-size:.2rem;top:50%;transform:translateY(-50%);transition:.3s}
.index_product .top .left .pronav dl.on dt:after{transform:translateY(-50%) rotate(180deg)}
.index_product .top .left .pronav dl  dd{transition:0s;position:absolute;left:50%;transform:translateX(-50%);width:100%;top:100%;display:none;background:#28428b;z-index:22}
.index_product .top .left .pronav dl  dd a{text-align:center;color:white;font-size:.16rem;padding:.1rem 0;border-bottom:1px solid white }

.index_product .top .left .search{width:55.5%;position:relative}
.index_product .top .left .search input{width:100%;height:.54rem;line-height:.54rem;border:1px solid #b8b8b8;padding:0 .6rem 0 .15rem;color:black;font-size:.14rem}
.index_product .top .left .search button {background:url(/public/common/images/search.png) no-repeat center center;width:.6rem;cursor:pointer;position: absolute;top: 0;right: 0;height:100%;border:0}
.index_product .top .more a{font-size:.18rem;color:black;padding-right:.62rem;position:relative}
.index_product .top .more a:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;width:.38rem;height:.38rem;top:50%;transform:translateY(-50%);right:0;background:#ff921c;border-radius:100%;text-align:center;line-height:.38rem;color:white;font-size:.2rem}
.index_product .lists{display:flex;flex-wrap: wrap;justify-content: space-between;padding:.45rem 0 0}
.index_product .lists .items{width:23%;margin:0 0 .4rem}
.index_product .lists .items.items6,.index_product .lists .items.items8{transform:translateY(-.55rem)}
.index_product .lists .items a{background:url(/public/common/images/icon5.jpg) 0  0 no-repeat;background-size:cover}
.index_product .lists .items.xss a .img{height:3.85rem;line-height:3.85rem}
.index_product .lists .items a .img{height:4.33rem;line-height:4.33rem;}
.index_product .lists .items a .text{padding:0 .3rem .4rem;position:relative}
.index_product .lists .items a .text:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;right:5%;transform:translateY(-50%);top:25%;font-size:.2rem;color:#ffa544;transition:.3s;width:.44rem;height:.44rem;border:1px solid #ffa544;border-radius:100%;text-align:center;line-height:.44rem}
.index_product .lists .items a .text h1{font-size:.18rem;color:#3f3f3f;font-weight:bold;margin:0 0 .13rem}
.index_product .lists .items a .text p{font-size:.16rem;color:#3f3f3f;font-weight:bold}
.index_product .lists .items a:hover img{transform:scale(1.1)}
.index_product .lists .items a:hover .text:after{background:#ffa544;color:white;transition:.3s}
.index_infos ul{display:flex;justify-content: space-between;}
.index_infos ul li{width:49.9%}
.index_infos ul li a{position:relative}
.index_infos ul li a:hover img{transform:scale(1.1)}
.index_infos ul li a .text{position:absolute;left:50%;transform:translateX(-50%);top:44%;text-align:center}
.index_infos ul li a .text h1{font-size:.48rem;color:white;font-weight:bold;margin:0 0 .65rem}
.index_infos ul li a .text p{font-size:.18rem;color:white;position:relative;padding-right:.6rem}
.index_infos ul li a .text p:after{}
.index_infos ul li a .text p:after{content:"\f105";position:absolute;background:#ffa544;color:white;font:normal normal normal 14px/1 FontAwesome;right:0;transform:translateY(-50%);top:50%;font-size:.2rem;transition:.3s;width:.44rem;height:.44rem;border:1px solid #ffa544;border-radius:100%;text-align:center;line-height:.44rem}
.index_news{background:#f2f2f2}
.index_news>div{padding:0 .5rem 1.45rem}   
.index_news .title{text-align:center;padding:1.2rem 0 .55rem}
.index_news .title h1{font-size:.6rem;color:black;font-weight:bold;padding:0 0 .35rem}
.index_news .title  p{font-size:.24rem;color:#3f3f3f;font-weight:bold}
 
.index_news  .lists .items a{background:white;padding:.5rem .25rem .45rem;position:relative}
.index_news .lists  .items a:after{content:"";position:absolute;background:#28428b;height:4px;width:0;transform:translateX(-50%);top:0;left:50%;transition:.3s}
.index_news .lists  .items a span{color:#6e6e6e;font-size:.16rem;display:inline-block;margin:0 0 .38rem}
.index_news .lists  .items a  h1{font-size:.2rem;color:#2c2c2c;font-weight:bold;line-height:.25rem;height:.5rem;margin:0 0 .24rem  }
.index_news .lists  .items a .txt{border-top:2px solid #a3a3a3;padding:.47rem 0 .5rem}
.index_news .lists  .items a .txt p{height:1.5rem;line-height:.25rem;color:#686868;font-size:.16rem}
.index_news .lists  .items a em{padding:0 .6rem 0 0;display:inline-block;position:relative;color:#4c4c4c;font-weight:bold;font-size:.14rem;position:relative} 
.index_news  .lists .items a em:after{content:"";position:absolute;background:url(/public/common/images/jt1.png)0 0 no-repeat;width:.13rem;height:.11rem;right:0;top:.03rem;transition:.3s;background-size:100%}
.index_news .lists  .items a em:before{content:"";position:absolute;background:#a3a3a3;width:100%;height:2px;bottom:-.08rem;transition:.3s}
.index_news  .lists .items a:hover em:after{content:"";position:absolute;background:url(/public/common/images/jt1-1.png)0 0 no-repeat;width:.13rem;height:.11rem;right:0;top:.03rem;transition:.3s;background-size:100%}
.index_news  .lists .items a:hover em{color:#28428b;transition:.3s}
.index_news  .lists .items a:hover em:before{background:#28428b;transition:.3s}
.index_news  .lists .items a:hover:after{width:100%;transition:.3s}
.index_news .lists  .slide-pagination{padding:.7rem 0 0;text-align:center}
.index_news .lists  .slide-pagination span{margin:0 .1rem;width:.14rem;height:.14rem;opacity:1;background:#28428b}
.index_news .lists  .slide-pagination span.swiper-pagination-bullet-active{width:.3rem;border-radius:25px}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/

/******ipad****/
@media(max-width:1600px){
    .tem_banner.indise .txt{position:absolute;left:1.1rem;bottom:30%}
    .about_culture ul{padding:0 .1rem}
    .tem_banner.indise .txt_contact{position:absolute;left:50%;transform:translateX(-50%);top:20%;text-align:center}
    .tem_banner.indise .txt_contact h1{padding:0 0 .3rem}
    .contact_box .map ul li{padding-left:1.1rem;;}
}
@media(max-width:1440px){
    .index_about>div{padding:0 .1rem}
    .case_list .w1600{padding:0 .1rem}
    .index_adivce>div{padding:1.35rem .1rem 1.5rem}
    .index_product .w1600{padding: 0 .1rem}
    .index_news>div{padding:0 .1rem 1.45rem} 
  .about_honor>div{padding:0 .1rem 2rem}
  .product_box .w1600{padding:0 .1rem}
  .video_box .w1600{padding:0 .1rem}
  .news_box .w1600{padding:0 .1rem}
  .contact_box .message>div{padding: 0 .1rem}
   .header .logo{text-align:right}
  .header .logo img{width:60%}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.header .navs{display:none}
	.header .logo{width:18%}
	.header .w1600{display:flex;justify-content: center;;}
	.header .logo img{width:100%}
	.header .right{width:25%;position:absolute;right:5%;top:50%;transform:translateY(-50%)}
	.header .menu_btn:before,.header .menu_btn:after{content:'';width:13px;height:2px;background:white;display:block;transition:all .4s;position:absolute;top:.1rem;left:50%;;transform:translateX(-50%)}
.header .menu_btn:after {top:auto;bottom:.1rem}
.header .index_btn:hover .menu_btn:before,.header .index_btn.opens .menu_btn:before {transform:translateX(-50%) rotate(45deg) translate(2px,2px) }
.header .index_btn:hover .menu_btn:after,.header .index_btn.opens .menu_btn:after{transform:translateX(-50%) rotate(-45deg) translate(2px,-2px)}
}
/********mobile*********/
@media(max-width:767px){
.tem_banner .mouse h1{writing-mode: tb-rl;font-size:.16rem;color:white;letter-spacing:2px;position:relative}
.tem_banner .slide-pagination{bottom:30%}
.tem_banner .mouse{position:absolute;left:4%;bottom:15%;z-index:2}
.index_about .infos ul{display:inherit}
.index_about .infos ul li{width:100%;margin:0 0 .1rem}
.index_about .infos ul li.nav2{transform:translateY(0)}
.index_about .txt{padding:.9rem 0 .8rem}
.index_adivce .swiper-slide{display:initial}
.index_adivce .swiper-slide .left{width:100%}
.index_adivce .swiper-slide .right{width:100%}
.index_adivce .swiper-slide .left .more{margin:.3rem 0 .5rem ;display:flex}
.index_product .top .left{width:60%}

.index_product .lists .items{width:48%}
.index_infos ul{display:inherit}
.index_infos ul li{width:100%}
.footer .top .middle{display:none}
.footer .top{display:inherit;padding:.3rem 0 .2rem}
.footer .top .left{width:100%;margin:0 0 .3rem}
.footer .top .right{width:100%}
.footer .bot{display:inherit}
.footer .bot .infos{width:100%}
.footer .bot .keywords{width:100%}
.footer .bot .infos p a{display:block;margin:0}
.tem_banner.indise .txt p{display:none}
.tem_banner.indise .txt{bottom:15%}
.about_company .top{display:inherit}
.about_company .top .left{width:100%}
.about_company .top .img{width:100%;margin:.2rem 0 0 }
.about_culture ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.about_culture ul li{width:50%}
.about_honor  .infos{position:relative;padding:1.8rem 2.4rem 1.8rem  .75rem;background:#e9e9e9;}
.product_box .main .right .items{width:48%}
.product_box .main .product_nav{width:35%}
.product_box .main .right{width:64%}
.product_box .main .right .items a .text{padding:.35rem .3rem .5rem 0;border-top:2px solid #e5e5e5;position:relative}
.product_box .main .right .items a .text:after{right:0}
.product .top .infos .left{padding:0}
.product .bot .right{width:30%}
.product .bot .right .box ul li p{word-wrap: break-word;}
.video_box .main .video_nav{width:30%;background:white;}
.video_box .main .video_nav dl dt a{padding-right:.1rem}
.video_box .main .video_nav dl dt a:after{right:0}
.video_box .main .right{width:65%}
.video_box .main .right .items{width:100%}
.news_box .top{display:inherit}
.news_box .top .left{width:100%}
.news_box .top ul{width:100%}
.tem_banner.indise .txt_contact{top:30%}
.tem_banner.indise .txt_contact p{display:none}
.tem_banner.indise .txt_contact h3{padding:0 0 .3rem;font-size:.2rem}
.tem_banner.indise .txt_contact h2{font-size:.2rem;padding:0}
.tem_banner.indise .txt_contact h1{font-size:.18rem}
.tem_banner.indise .txt_contact .img img{width:30%}
.contact_box .map ul{width:80%}
.contact_box .map ul li{padding-left:1.5rem;}
.contact_box .message .form .top{display:inherit}
.contact_box .message .form .top .input{width:100%;margin:0 0 .1rem}
}